<template>
<div > 
    数据大屏
<el-button @click="down">点击下载</el-button>
    
</div>
 </template>

<script setup> 
const down = ()=>{
    console.log('66666666666')
//     const pdfUrl = 'https://dev-grpinsbmc.life.ehuatai.com:8090/pdffiles/20231017/POL000000918405088_716975286112690.0.0.0.0.0.0.1.pdf'
//     // console.log(url);
//     // const pdfUrl = 'http://example.com/document.pdf'; // PDF文件地址

//   fetch(pdfUrl).then(response => {
// //   response.blob()).then(blob => {
//       const link = document.createElement('a')
//     //   link.href = window.URL.createObjectURL(blob);
//       link.href = window.URL(response);
//       link.download = 'document.pdf'; // 设置下载的文件名
//       document.body.appendChild(link);
//       link.click();
//       document.body.removeChild(link);
//     })
//     .catch(error => {
//         console.log("下载PDF文件失败");
//     //   console.error('下载PDF文件失败', error);
//     console.log('下载PDF文件失败',error);

//     });
function download(blob, filename) {
  const link = document.createElement('a');
  link.download = filename || '';
  const blobUrl = URL.createObjectURL(blob);
  link.href = blobUrl;
  //   document.body.appendChild(a);
  link.click();
  link.remove();
  URL.revokeObjectURL(blobUrl);
}
function downloadFile(url, filename) {
  // 这一步是为了解决跨域问题
  fetch(url,
  {
    mode: 'cors',
  }
//   , {
//     headers: new Headers({
//       Origin: location.origin,
//     //   Origin: 'https://dev-grpinsbmc.life.ehuatai.com',
//     }),
//     mode: 'cors',
//   }
  ).then(res => {
      if (res.status == 200) {
        return res.blob();
      }

      throw new Error(`status: ${res.status}.`);
    }).then(blob => {
      download(blob, filename);
    })
    // 错误处理
    .catch(e => console.log('e', e));
}

const url = 'https://dev-grpinsbmc.life.ehuatai.com:8090/pdffiles/20231207/EndorChargePDF_0110100A0053017019296001271.1.1.1.pdf';

downloadFile(url, '1.pdf');
}
</script>